<template>
  <div class="amount-item">
    <div class="amount-item_li" v-for="(item,index) in viewModel" :key="index" :style="'width:'+100/count+'%;'+'display: inline-block;background-color:'+item.bgcolor+';'">
      <div class="item-box">
        <h5 class="count-h5" :style="{color:item.color}">{{item.name}}</h5>
        <p class="item-box-title" :style="{color:item.color}">{{item.intro}}</p>
      </div>
    </div>
  </div>
</template>
<script>
  import ala from 'ala'
  export default {
    props: {
      viewModel: {},
      count: {
        default: 4
      }
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss">
  @import "./style.scss";
</style>
